<template>
	<div>
		<el-table stripe border :data="tableData" height="250"
			style="width: 100%;border: 1px gainsboro solid;border-radius: 10px;">
		
			<el-table-column prop="name" label="姓名" fixed="left" width="180">
		
			</el-table-column>
			<el-table-column prop="date" label="日期" fixed="left" width="200">
			</el-table-column>
			<el-table-column prop="age" label="年龄" width="180"></el-table-column>
			<el-table-column prop="address" width="300" fixed="right" label="地址">
			</el-table-column>
		</el-table>
		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
			:page-sizes="[10, 20, 30, 40]" :page-size="10" layout="sizes, total, prev, pager, next, jumper"
			:total="100">
		</el-pagination>
	</div>

  </template>

  <script>
  	export default {
  		methods: {
  			handleSizeChange(val) {
  				console.log(`每页 ${val} 条`);
  			},
  			handleCurrentChange(val) {
  				console.log(`当前页: ${val}`);
  			}
  		},
  		data() {
  			return {
  				currentPage: 1,
  				tableData: [{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					},
  					{
  						date: '2016-05-02',
  						name: '王小虎',
  						age: 20,
  						address: '上海市普陀区金沙江路 1518 弄'
  					}
  				]


  			}
  		}
  	}
  </script>
